import React,{useEffect} from 'react'

import TopHeader from '../../components/header/TopHeader'
import SideMenu from '../../components/sidemenu/SideMenu'
// 导入进度条插件
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

// css
import './box.css'
// antd
import { Layout } from 'antd';

import BoxRouter from '../../router/BoxRouter'
const { Content } = Layout;

export default function Box() {
    NProgress.start()
    useEffect(()=>{
        NProgress.done()
    })
    return (
        <Layout>
            <SideMenu></SideMenu>
            <Layout className="site-layout">
                <TopHeader></TopHeader>
                <Content
                    className="site-layout-background"
                    style={{
                        margin: '24px 16px',
                        padding: 24,
                        minHeight: 280,
                        overflow:"auto"
                    }}
                >
                    <BoxRouter></BoxRouter>
                </Content>
            </Layout>
        </Layout>
    )
}
